#{extends 'ShowHouses/base.html' /}
#{set title:'House' /}
#{set "moreSubpageStyles"}
<style type="text/css">
	.img-responsive{
		max-height : 200px;
		height : 200px\9;
	}
</style>
#{/set}
		<!-- 路径导航 -->
		<!-- 为方便，所有条件集中到筛选条件处再进行表单传送 -->
		<ol class="breadcrumb">
			<li><a href="#">首页</a></li>
			<li class="active">社区租房</li>
		</ol>
		<div class="panel panel-default">
		  <div class="panel-body filter">
		   		<dl>
		   			<dt  data-name="rent" data-title="租金">租金</dt>
		   				<dd  id = "price" class="chose-type">
		   					<a class="active">不限</a>
		   					<a >800元以下</a>
		   					<a >800-1500元</a>
		   					<a >1500-2000元</a>
		   					<a >2000-3000元</a>
		   					<a >3000元-5000元</a>
		   					<a >5000以上</a>
		   					<span>
		   						<label>
		   							<input class="num-only" type="text"/>
		   						</label>
		   						-
		   						<label>
		   							<input class="num-only" type="text">
		   						</label>
								元
		   					</span>
		   					<button class="btn btn-default  btn-sm btn-find choose-input">筛选</button>
		   				</dd>
		   			<dt  data-name="room" data-title="房型">房型</dt>
		   				<dd id="room" class="chose-type">
		   					<a href="" class="active">不限</a>
		   					<a href="">1室</a>
		   					<a href="">2室</a>
		   					<a href="">3室</a>
		   					<a href="">4室</a>
		   					<a href="">5室以上</a>
		   					<span>
		   						<label>
		   							<input class="num-only" type="text"/>
		   						</label>
		   						室
		   						<label>
		   							<input class="num-only" type="text">
		   						</label>
								厅
								<label>
		   							<input class="num-only" type="text">
		   						</label>
		   						卫
		   					</span>
		   					<button class="btn btn-default  btn-sm btn-find choose-input">筛选</button>
		   				</dd>
		   			<dt data-name="feature">特色</dt>
		   				<dd>
		   					<a  class="active">不限</a>
		   					<a>精装修</a>
		   					<a>家电齐全</a>
		   					<a>押一付一</a>
		   					<a >单身公寓</a>
		   					<a >临近地铁</a>
		   					<a >市政供暖</a>
		   				</dd>
		   			<dt data-name="way">方式</dt>
		   				<dd>
		   					<a href="" class="active">不限</a>
		   					<a href="">整租</a>
		   					<a href="">合租单间</a>
		   					<a href="">合租床位</a>
		   				</dd>
		   			<dt>其他</dt>
		   				<dd>
		   					<div class="moreitem-box" data-name="floor">
			   					<div class="moreitem-btn"><a >楼层</a>
			   					</div>
			   					<ul class="moreitem" >
			   						<li><a>1楼</a></li>
			   						<li><a>2楼</a></li>
			   						<li><a>3楼</a></li>
			   						<li><a>4楼</a></li>
			   						<li><a>5楼</a></li>
			   						<li><a>6楼</a></li>
			   						<li><a>7楼</a></li>
			   						<li><a >7楼以上</a></li>
			   					</ul>
		   					</div>
		   					<div class="moreitem-box" data-name="orientation">
			   					<div class="moreitem-btn"><a>朝向</a>
			   					</div>
			   					<ul class="moreitem">
			   						<li><a href="">东</a></li>
			   						<li><a href="">西</a></li>
			   						<li><a href="">南</a></li>
			   						<li><a href="">北</a></li>
			   						<li><a href="">南北</a></li>
			   						<li><a href="">西东</a></li>
			   					</ul> 
		   					</div>
		   				</dd>
		   		</dl>
		  </div>
		
			  <dl class="choose-fliter">
			  	<dt>筛选条件</dt>
			  		<dd>
			  		<form action="" class="form-filter">
			  			<ul class="list-inline">
			  				<li class="alert alert-warning"><a name='rent'>1500-2000元</a><a class="close-icon">&times;</a></li>
			  				<li class="alert alert-warning"><a name='floor'>1楼</a><a class="close-icon">&times;</a></li>
			  				<li><button class="btn btn-default  btn-sm btn-find" id="submit">确定</button></li>
			  			</ul>
			  			 </form>
			  		</dd>
			  	</dl>
		</div>

		<div class="house-show main-content">
			<table class="table table-hover">
				<tr>
					<td class="col-xs-4"><a href="#" class="thumbnail"><img src="../public/images/dama.jpg"   alt="house" class="img-responsive"></a></td>
					<td class="house-info">
						<a href="@{ShowHouses.showHousesInfo}">南洲花园两房 低楼层 有匙即看</a>
						<p ><small>南洲花苑</small><small>2室1厅1卫</small></p>
						<p class="hidden-xs">
						<small>60.00 ㎡</small>
						<small>3/9</small>
						<small>朝东</small>
						<small>精装修</small></p>
					</td>
					<td><p><em class="price">3300</em>元</p></td>
				</tr>
				<tr>
					<td class="col-xs-4"><a href="#" class="thumbnail"><img src="../public/images/dama.jpg"   alt="house" class="img-responsive"></a></td>
					<td class="house-info">
						<a>南洲花园两房 低楼层 有匙即看</a>
						<p ><small>南洲花苑</small><small>2室1厅1卫</small></p>
						<p class="hidden-xs">
						<small>60.00 ㎡</small>
						<small>3/9</small>
						<small>朝东</small>
						<small>精装修</small></p>
					</td>
					<td><p><em class="price">3300</em>元</p></td>
				</tr>
				<tr>
					<td class="col-xs-4"><a href="#" class="thumbnail"><img src="../public/images/dama.jpg"   alt="house" class="img-responsive"></a></td>
					<td class="house-info">
						<a>南洲花园两房 低楼层 有匙即看</a>
						<p ><small>南洲花苑</small><small>2室1厅1卫</small></p>
						<p class="hidden-xs">
						<small>60.00 ㎡</small>
						<small>3/9</small>
						<small>朝东</small>
						<small>精装修</small></p>
					</td>
					<td><p><em class="price">3300</em>元</p></td>
				</tr>
				<tr>
					<td class="col-xs-4"><a href="#" class="thumbnail"><img src="../public/images/dama.jpg"   alt="house" class="img-responsive"></a></td>
					<td class="house-info">
						<a>南洲花园两房 低楼层 有匙即看</a>
						<p ><small>南洲花苑</small><small>2室1厅1卫</small></p>
						<p class="hidden-xs">
						<small>60.00 ㎡</small>
						<small>3/9</small>
						<small>朝东</small>
						<small>精装修</small></p>
					</td>
					<td><p><em class="price">3300</em>元</p></td>
				</tr>
				<tr>
					<td class="col-xs-4"><a href="#" class="thumbnail"><img src="../public/images/dama.jpg"   alt="house" class="img-responsive"></a></td>
					<td class="house-info">
						<a>南洲花园两房 低楼层 有匙即看</a>
						<p ><small>南洲花苑</small><small>2室1厅1卫</small></p>
						<p class="hidden-xs">
						<small>60.00 ㎡</small>
						<small>3/9</small>
						<small>朝东</small>
						<small>精装修</small></p>
					</td>
					<td><p><em class="price">3300</em>元</p></td>
				</tr>
				<tr>
					<td class="col-xs-4"><a href="#" class="thumbnail"><img src="../public/images/dama.jpg"   alt="house" class="img-responsive"></a></td>
					<td class="house-info">
						<a>南洲花园两房 低楼层 有匙即看</a>
						<p ><small>南洲花苑</small><small>2室1厅1卫</small></p>
						<p class="hidden-xs">
						<small>60.00 ㎡</small>
						<small>3/9</small>
						<small>朝东</small>
						<small>精装修</small></p>
					</td>
					<td><p><em class="price">3300</em>元</p></td>
				</tr>
				<tr>
					<td class="col-xs-4"><a href="#" class="thumbnail"><img src="../public/images/dama.jpg"   alt="house" class="img-responsive"></a></td>
					<td class="house-info">
						<a>南洲花园两房 低楼层 有匙即看</a>
						<p ><small>南洲花苑</small><small>2室1厅1卫</small></p>
						<p class="hidden-xs">
						<small>60.00 ㎡</small>
						<small>3/9</small>
						<small>朝东</small>
						<small>精装修</small></p>
					</td>
					<td><p><em class="price">3300</em>元</p></td>
				</tr>
				<tr>
					<td class="col-xs-4"><a href="#" class="thumbnail"><img src="../public/images/dama.jpg"   alt="house" class="img-responsive"></a></td>
					<td class="house-info">
						<a>南洲花园两房 低楼层 有匙即看</a>
						<p ><small>南洲花苑</small><small>2室1厅1卫</small></p>
						<p class="hidden-xs">
						<small>60.00 ㎡</small>
						<small>3/9</small>
						<small>朝东</small>
						<small>精装修</small></p>
					</td>
					<td><p><em class="price">3300</em>元</p></td>
				</tr>
			</table>
				<ul class="pagination pull-right">
				     <li><a href="#">&laquo;</a></li>
				     <li class="active"><span>1 <span class="sr-only">(current)</span></span></li>
				     <li><a href="#">2</a></li>
				     <li><a href="#">3</a></li>
				     <li><a href="#">4</a></li>
				     <li><a href="#">5</a></li>
				     <li><a href="#">&raquo;</a></li>
				</ul>			
		</div>
